<template>
    <div class="cus-container">
        <div class="header">
            <h4>所有客户</h4>
        </div>

        <div class="cus-con">
            <div class="cus-con__title">
                <span>买家信息</span>
            </div>
            <div>
                <form-row :label="`昵称`" :required="false">
                    <div slot="item" class="form-row__item">{{list.wx_name}}</div>
                </form-row>
                <form-row :label="`收货人`" :required="false">
                    <div slot="item" class="form-row__item">{{list.name}}</div>
                </form-row>
                <form-row :label="`手机号`" :required="false">
                    <div slot="item" class="form-row__item">{{list.telephone_number}}</div>
                </form-row>
                <form-row :label="`收货地址`" :required="false">
                    <div slot="item" class="form-row__item">{{list.city}}</div>
                </form-row>
                <form-row :label="`生日`" :required="false">
                    <div slot="item" class="form-row__item">{{list.birthday}}</div>
                </form-row>
                <form-row :label="`积分`" :required="false">
                    <div slot="item" class="form-row__item">{{list.integral}}</div>
                </form-row>
                <form-row :label="`来源`" :required="false">
                    <div slot="item" class="form-row__item">{{list.source}}</div>
                </form-row>
            </div>
        </div>
        <div class="cus-con">
            <div class="cus-con__title">
                <span>物流信息</span>
            </div>
            <div>
                <form-row :label="`收获地址`" :required="false">
                    <div slot="item" class="form-row__item">{{list.name}}</div>
                </form-row>
                <form-row :label="`物流跟踪`" :required="false">
                    <div slot="item" class="form-row__item">{{list.telephone_number}}</div>
                </form-row>
            </div>
        </div>
    </div>
</template>

<script>
    import FormRow from '../../components/basic/FlowRow.vue';

    export default {
        components: {
            FormRow
        },
        props: ['list'],
        data() {
            return {}
        },
        watch: {},
        computed: {},
        created() {
        },
        methods: {}
    }
</script>
<style scoped>
    .cus-container {
        min-height: calc(100vh - 92px);
    }

    .header {
        padding: 10px;

        background: #FFFFFF;
    }

    .cus-con {
        margin: 10px;
        padding: 20px;

        background: #FFFFFF;
    }

    .cus-con__title {
        color: #3984F9;

        padding: 0 20px 20px 0;
        border-bottom: 1px dashed #D8D8D8;
    }
</style>